
@tailwind base;
@tailwind components;
@tailwind utilities;
/* 全局的css 应用在路由的页面 */




* {
    margin: 0;
}

/* 解决mdv3列表不显示 */
ol {
  list-style: decimal;
}
ul {
  list-style: disc;
}
/* ------------------------加载动画--------------- */
  .loader {
      width: 50px;
      height: 50px;
      margin: 40px auto;
      border: 3px solid rgba(100, 100, 100, 0.2);
      border-radius: 50%;
      border-top-color: #6d28d9;
      animation: spin 1s cubic-bezier(0.5, 0.1, 0.4, 0.9) infinite;
    }

    @keyframes spin {
      to {
        transform: rotate(360deg);
      }
    }




/* -------------------------------------------------滚动条的样式-------------------------------------- */
/* 整体滚动条 */
::-webkit-scrollbar {
    width: 10px;   /* 纵向滚动条宽度 */
    height: 10px;  /* 横向滚动条高度 */
  }
  
  /* 滚动条轨道 */
  ::-webkit-scrollbar-track {
    background: #f1f1f1;
    border-radius: 5px;
  }
  
  /* 滚动条滑块 */
  ::-webkit-scrollbar-thumb {
    background: #888;
    border-radius: 5px;
  }
  
  /* 滑块悬停效果 */
  ::-webkit-scrollbar-thumb:hover {
    background: #555;
  }
  
  /* 滚动条按钮（上下箭头） */
  ::-webkit-scrollbar-button {
    display: none; /* 隐藏箭头 */
  }